<!DOCTYPE html>
<html>
	<head>
		
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>商品详情</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
    	<link rel="shortcut icon" href="/favicon.ico">
    	<meta name="apple-mobile-web-app-capable" content="yes">
    	<meta name="apple-mobile-web-app-status-bar-style" content="black">
    	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    	
    	<link href="css/item.css" rel="stylesheet" />

    	<style type="text/css">
    		
    		#addShopCar{
    			background-color: orangered;
    			color: white;
    			padding: 8px;
    			font-size: 14px;
    			width: 100px;
    			text-align: center;
    			display: inline-block;
    			position: fixed;
    			left: 100px;
    			bottom: 0;
    		}
    		#shopCar{
    			display: inline-block;
    			position: fixed;
    			left: 220px;
    			bottom: 0;
    		}
    		#shopCar {
    			background-color: red;
    			padding: 8px;
    			font-size: 14px;
    			width: 100px;
    			text-align: center;
    			vertical-align: middle;
    		}
    		#shopCar a{
    			color: white;
    		}
    	</style>
    	
	</head> 
	
	<body>
		
		<div class="content">
		
		<img src="" id="mainpic" width="100%" />
		
		<div id="ptitle"></div>
			
		<div id="pricediv">
			<span class="price-symbol">¥</span><span id="pprice"> </span>
		</div>
		
		<div id="d1">
  
		</div>

		<div>
    		<div onclick="addShopCar()" id="addShopCar">加入购物车</div>
    		<div id="shopCar">
    			<a href="cart.html">购物车</a>
    		</div>
		</div>
		
	</div>	
		
		<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>

		<script src="js/item.js"></script>
		
	</body>
</html>

<script src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/jquery/jquery-1.10.2.min_65682a2.js"></script>

<script>
$.get("http://test.hfjava.com/pro/product_detail_info?nid=564650758899",{},function(data){
  var product_detail_images = data.detailDesc.newWapDescJson[6].data;

  for(var i=0;i<product_detail_images.length;i++){
    d1.innerHTML += "<img src='"+product_detail_images[i].img+"' />";
  }
});

</script>